require("../css/register.css")


window.onload = function () {
        let yzm = "";
        // 验证码插件
        let captcha1 = new CaptchaMini({
         lineWidth: 1,   //线条宽度
         lineNum: 3,       //线条数量
        // dotR: 2,          //点的半径
        // dotNum: 25,       //点的数量
        // preGroundColor: [10, 80],    //前景色区间
        // backGroundColor: [150, 250], //背景色区间
        // fontSize: 30,           //字体大小
        // fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
        // fontStyle: 'stroke',      //字体绘制方法，有fill和stroke
        // content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容
        // length: 6    //验证码长度
    });
    let captchaDom = document.querySelector('#captcha')
    captcha1.draw(captchaDom,function(res){
       
        yzm = res
        console.log(yzm);
    });

    // 获取dom
    let telInput = document.querySelector(".tel")
    let yzmIput = document.querySelector(".left-input")
    let psdIput = document.querySelector(".psd")
    let psdsIput = document.querySelector(".psds")
    let inputs = document.querySelectorAll("input")
    let btn = document.querySelector(".btn")
    
    console.log(inputs);
    // 手机号
    let tel = /^1[3-9]\d{9}$/
    let psdss = /^\d{4,6}$/
   
    btn.addEventListener("click",function(){
        if(!(telInput.value && yzmIput.value && psdIput.value && psdsIput.value)){
            alert("请将信息输入完整")
            return;
        }
        if(!(tel.test(telInput.value))){
            alert("请输入正确手机号")
            telInput.style.border = "3px solid red"
            return;
        }
        if(!(psdss.test(psdIput.value))){
            alert("密码不符合要求")
            psdIput.style.border = "3px solid red"
            return;
        }
        if(psdsIput.value!=psdIput.value){
            alert("密码不一致")
            psdsIput.style.border = "3px solid red"   
            return;
        }
        if(yzmIput.value.toLowerCase()!=yzm.toLowerCase()){
            alert("请输入验证码")
            return;
        }
    })
}


